<template>
    <el-empty description="404,您访问的页面不存在">
        <el-button type="primary" @click="toHome">返回首页</el-button>
    </el-empty>
</template>

<script>
export default {
    components: {},
    props: {},
    data() {
        return {
        };
    },
    watch: {},
    computed: {},
    methods: {
        toHome(){
            this.$router.push('/index')
        }
    },
    created() {},
    mounted() {}
};

</script>
<style scoped>
/* 容器样式 */
.el-empty__container {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

/* 描述文字样式 */
.el-empty__description {
  margin-top: 20px;
  font-size: 18px;
  color: #999;
}

/* 按钮样式 */
.el-empty__button {
  margin-top: 20px;
  font-size: 14px;
  padding: 12px 20px;
  border-radius: 20px;
  background-color: #409EFF;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s;
}

/* 按钮悬停时的样式 */
.el-empty__button:hover {
  background-color: #66b1ff;
}

/* 按钮点击时的样式 */
.el-empty__button:active {
  background-color: #3a8ee6;
}

</style>